<template>
  <div>
    <m-choose-time @startChange="startChange" @endChange="endChange">
    </m-choose-time>

    <br />
    <br />

    <m-choose-date @startChange="dateStartChange" @endChange="dateEndChange">
    </m-choose-date>
  </div>
</template>

<script lang="ts"  setup>
interface endValue {
  startTime: string;
  endTime: string;
}

interface dateEndValue {
  startTime: Date;
  endTime: Date;
}

let dateStartChange = (val: Date) => {
  console.log(val);
};

let dateEndChange = (val: dateEndValue) => {
  console.log(val);
};

let startChange = (val: string) => {
  size: "mini";
  clearable: false;
};
let endChange = (val: string) => {};
</script>

<style lang="scss" scoped>
</style>